/* mixins */

@import "src/mixins.scss";
// @include DEBUG();
@include useFontSmoothingOnMacOS();

/* wrapper 公共背景 */

.wrapper-bg {
    /* ... */
}

.container {
    width: 100%;
    padding-top: 0.08rem;
    box-sizing: border-box;
    @include flex_dis();
    @include flex(flex-direction, column);
    @include flex(align-items, center);
    position: relative;
    z-index: 1;
    .container-wrapper {
        width: 100%;
        box-sizing: border-box;
        padding: 0 0.08rem;
    }
    /* tab */
    .container-tab {
        @include flex_dis();
        @include flex(justify-content, center);
        margin: 0.24rem auto 0.34rem;
        .container-tab__item {
            width: 2rem;
            height: 0.7rem;
            background-size: 100% 100%;
        }
    }
    /* header */
    .container-header {
        height: 1.7rem;
        background-position: 0 0;
        background-size: 100% auto;
        overflow: hidden;
        img {
            display: block;
            width: 4.74rem;
            height: 0.74rem;
            margin: 0.38rem auto 0;
        }
    }
    /* footer */
    .container-footer {
        width: 100%;
        height: 1.62rem;
        background-size: 100%;
        background-position: bottom;
        text-align: center;
        font-size: 0.2rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #7e7e86;
        line-height: 0.28rem;
        padding-top: 0.22rem;
        box-sizing: border-box;
        >p:not(:last-of-type) {
            margin-bottom: 0.06rem;
        }
    }
}